import { lazy, Suspense } from "react"
var Notfound = lazy(() => import('../../components/Nothuluobo.jsx'))

// 此函数防抖 判断此用户是否有权限
export function AuthComponent({ children , permission}){ //children 是需要渲染的组件
    // 去本地存储里面找 userifon 如果找到了就把 permissions 给到变量 permissions 没有
    // 找到就给一个空数组
    var permissions = localStorage.getItem('userinfo') ? 
    JSON.parse( localStorage.getItem('userinfo') ).permissions : [];
    
    // 把 permissions 变量的数组 通过 includes 去查找   有的话就渲染 children 二级路由 反之 notfound
    var res = permission && permissions.includes( permission )
    return (
        <Suspense fallback={<div>loading...</div>}>
            {
                 res ? children : <Notfound />
            }
        </Suspense>
    )
}

